<template>
  <div class="hello">
    <h1>个人信息管理</h1>
    <table class="personal-table">
      <tr>
        <td>姓名：</td>
        <td><input type="text"></td>
        <td>性别：</td>
        <td><input type="radio">男<input type="radio">女</td>
      </tr>
      <tr>
        <td>证件类型：</td>
        <td><select>
          <option>证件类型</option>
        </select></td>
        <td>证件编号：</td>
        <td><input type="text"></td>
      </tr>
      <tr>
        <td>岗位名称：</td>
        <td><input type="text"></td>
        <td>上级领导：</td>
        <td><select>
          <option>张三</option>
        </select></td>
      </tr>
      <tr>
        <td>电话/邮箱：</td>
        <td><input type="text"></td>
        <td>紧急联系人：</td>
        <td><input type="text"></td>
      </tr>

    </table>
  </div>
</template>

<script>
export default {
  name: 'Personal',
  data () {
    return {

    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  *{
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .personal-table{
    text-align: left;
    margin: 50px auto;
    width: 560px;
    height: 200px;
  }
  .personal-table tr td:nth-child(2){
    padding-right: 20px;
  }
</style>
